<script src="js/jquery.1.1.4.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing.1.1.1.pack.js" type="text/javascript"></script>
<script src="js/coda-slider.js" type="text/javascript"></script>
<script src="js/jquery.timers.js" type="text/javascript"></script>
<script src="js/message.js" type="text/javascript"></script>
<script type="text/javascript">
		$(window).bind("load", function() {
			$("div#slider1").codaSlider();
			$('#slider1').everyTime(7000, 'swing', function(i) { 
              $(this).next().next().find("a").click();
            }); 
			$(".stripNav").hide();
			/*$(".stripNav").css({ "position":"absolute"});
			var navtop = $(".stripNav").offset();
			$(".stripNav").css({ top: navtop.top });*/
		});
</script>

<table cellpadding="0" cellspacing="0" width="100%" background="img/background_color.gif" >
<tr>
<td >
  <table cellpadding="0" cellspacing="0" width="1000" background="img/context_background.gif" align="center">
  <tr height="10">
    <td height="10">
    </td>
  </tr>
  <tr>
  <td>
  <div class="slider-wrap">
	<div id="slider1" class="csw">
		<div class="panelContainer">
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
                  <img src="img/introduction_1.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_2.jpg" border="0" />
				</div>
			</div>		
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_3.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_4.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_5.jpg" border="0" />
				</div>
			</div>
		</div><!-- .panelContainer -->
	</div><!-- #slider1 -->
  </div><!-- .slider-wrap -->
  </td>
  </tr>
  <tr>
  <td height="5">
  </td>
  </tr>
  <tr>
  <td>
  <img alt="" src="img/middle_bar_news.jpg">
  </td>
  </tr>
  <tr>
  <td>
    <table cellpadding="0" cellspacing="0" border="0" width="930" background="" align="center">
      <tr>
        <td height="5" align="left">
        </td>
      </tr>
		<?php
		  require_once("class/NewsList.php");
		  $newlist = new NewsList(5); 
		  $result = $newlist->getNews(1);
		  $i = 0;
		  foreach($result as $row)  
		  {
		  	$i += 1;
		    echo "<tr valign='top'>
                 <td width='30' align='left'>
                 &nbsp;<img src='img/header.gif' border='0' />
                 </td>";
		    echo "<td align='left' width='120'>";
			echo date('Y-m-d', strtotime($row['updated_date'])) . "</td>";
            echo "<td align='left' width='680'><span class='span_subject'>" . $row['subject'] . "</span>";
			echo "<div class='div_message'><pre>" . $row['message'] . "</pre></div>"; 
			echo "</td>";
			echo "<td width='30'>";
			if($row['filename'] != null) { 
			  echo "<a href='download.php?nid=" . $row['nid'] . "&filename=" . $row['filename'] . "'>";    
			  echo "<img alt='img_file' src='./img/file.png'/>"; 
			  echo "</a>";
			}
			echo "</td>";
			echo "</tr>";
		  }
		?>
      <tr>
        <td colspan="4" height="5" align="right"><a href='news.php'> <span class="a_more">more... </span></a>
        </td>
      </tr>
    </table>
  </td>
  </tr>
  <tr>
  <td>
  <img alt="" src="img/middle_bar_inf.jpg">
  </td>
  </tr>
  <tr>
  <td>
    <table cellpadding="0" cellspacing="0" border="0" width="960" height="255" background="" align="center">
    <tr>
    <td width="230">
    <a href="news.php" onmouseover="document.getElementById('img_news').src='img/news_shadow.jpg'" onmouseout="document.getElementById('img_news').src='img/news_pic.jpg'">
    <img src="img/news_pic.jpg" id="img_news" width="230" height="180" border="0" /></a>
    <a href="News" onmouseover="document.getElementById('img_news').src='img/news_shadow.jpg'" onmouseout="document.getElementById('img_news').src='img/news_pic.jpg'">
    <img src="img/news_text.jpg" width="230" height="50" border="0" /></a>
    </td >
    <td width="230">
    <a href="pray.php" onmouseover="document.getElementById('img_pray').src='img/pray_shadow.jpg'" onmouseout="document.getElementById('img_pray').src='img/pray_pic.jpg'">
    <img src="img/pray_pic.jpg" id="img_pray" width="230" height="180" border="0" /></a>
    <a href="Pray" onmouseover="document.getElementById('img_pray').src='img/pray_shadow.jpg'" onmouseout="document.getElementById('img_pray').src='img/pray_pic.jpg'">
    <img src="img/pray_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    <td width="230">
    <a href="albums.php" onmouseover="document.getElementById('img_albums').src='img/albums_shadow.jpg'" onmouseout="document.getElementById('img_albums').src='img/albums_pic.jpg'">
    <img src="img/albums_pic.jpg" id="img_albums" width="230" height="180" border="0" /></a>
    <a href="Albums" onmouseover="document.getElementById('img_albums').src='img/albums_shadow.jpg'" onmouseout="document.getElementById('img_albums').src='img/albums_pic.jpg'">
    <img src="img/albums_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    <td width="230">
    <a href="contact.php" onmouseover="document.getElementById('img_contact').src='img/contact_shadow.jpg'" onmouseout="document.getElementById('img_contact').src='img/contact_pic.jpg'">
    <img src="img/contact_pic.jpg" id="img_contact" width="230" height="180" border="0" /></a>
    <a href="" onmouseover="document.getElementById('img_contact').src='img/contact_shadow.jpg'" onmouseout="document.getElementById('img_contact').src='img/contact_pic.jpg'">
    <img src="img/contact_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    </tr>
    </table>
  </td>
  </tr>
  </table>
</td>
</tr>
</table>
